Question

我正在使用UIKIT＆amp;前端的vuejs，当我试图将内容（使用vue-resource检索运行时）放在textarea（htmleditor markdown组件）中时，

它没有显示htmleditor内的内容

但硬编码文本正在工作，当显示动态检索的数据

时它不起作用

** html代码：**

<textarea data-uk-htmleditor="{markdown:true,mode:'tab'}">{{hotel.description}}</textarea>

**如果使用硬编码属性，这是有效的** <textarea data-uk-htmleditor="{markdown:true,mode:'tab'}">{{description}}</textarea> ** Vue js代码**

 export default {
  data () {
    return {
      is_edit:false,
      description:"This is hardcoded value",
      hotel: {}
    }
  },

  route: {
    data ({ to }) {
      return {
        hotel:this.details(to.params.slug) 
      }
    }
  },

  methods:{
     details (slug) {
        this.$http.get('/admin/hotels/' + slug)
                .success(function(hotel) {
                    this.hotel = hotel;
                }).error(function (error) {
                    alert("error")
                });
     }

  }

Answer 1

你应该这样做;将它绑定到表单元素

<textarea data-uk-htmleditor="{markdown:true,mode:'tab'}" v-model="hotel.description"></textarea>

vuejs＆amp; ukit html编辑器无法显示内容

1 个答案: