How the vue.compile string template parses the @ click method

let compileStr = Vue.compile(this.templateString)
this.template = compileStr.render
templateString: function (scope) {
      let fun = function () {
        console.log("afe")
      }
      return `
        <div>
          <el-button type="primary" @click="${fun}"></el-button>
          <el-button type="primary"></el-button>
        </div>
      `
    }

fun does not execute after clicking.

if changed to ${fun ()}, there is an error 

Invalid handler for event "click": got undefined

is there any way to be able to compile and process, and click to execute fun? correctly What I am using now is to data the fun method

.
Vue.js
Apr.02,2021 
`<el-button type="primary" @click="console.log('afe')"></el-button>`

the easiest way is to write the function body of fun directly into @ click.

@ click= "content" will be compiled like this: 

</el-button>`

// 
{
  onclick: function () {
    (function fun() {
      console.log('afe')
    })()
  }
}

Previous: Vue gets the picture list from the background, and then v-for traverses the rendering failure. The picture is not displayed. Ask for help.

Next: The Class returned by high-level components cannot be rendered.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu